<template>
    <!--pages/recent-news/recent-news.wxml-->
    <view class="container">
        <view class="recent-news">
            <block :key="index" v-for="(item, index) in news">
                <view :data-id="item.id" @tap="toNewsDetail" class="news-item">
                    <view class="news-item-title">{{item.title}}</view>
                    <view class="news-item-date">
                        {{item.publishTime}}
                    </view>
                </view>
            </block>
            <view class="empty" v-if="!news || !news.length">暂无数据</view>
        </view>
    </view>
</template>

<script>
    // pages/recent-news/recent-news.js
    var http = require("../../utils/http.js");
    var config = require("../../utils/config.js");

    export default {
        data() {
            return {
                news: []
            };
        },

        components: {},
        props: {},

        /**
         * 生命周期函数--监听页面加载
         */
        onLoad: function (options) {
        },

        /**
         * 生命周期函数--监听页面初次渲染完成
         */
        onReady: function () {
        },

        /**
         * 生命周期函数--监听页面显示
         */
        onShow: function () {
            var ths = this; //加载公告

            var params = {
                url: "/shop/notice/noticeList",
                method: "GET",
                data: {},
                callBack: function (res) {
                    // console.log(res);
                    ths.setData({
                        news: res.records
                    });
                }
            };
            http.request(params);
        },

        /**
         * 生命周期函数--监听页面隐藏
         */
        onHide: function () {
        },

        /**
         * 生命周期函数--监听页面卸载
         */
        onUnload: function () {
        },

        /**
         * 页面相关事件处理函数--监听用户下拉动作
         */
        onPullDownRefresh: function () {
        },

        /**
         * 页面上拉触底事件的处理函数
         */
        onReachBottom: function () {
        },

        /**
         * 用户点击右上角分享
         */
        onShareAppMessage: function () {
        },
        methods: {
            // 跳转公告详情页
            toNewsDetail: function (e) {
                console.log(e);
                var id = e.currentTarget.dataset.id; // console.log(id)

                uni.navigateTo({
                    url: '/pages/news-detail/news-detail?id=' + e.currentTarget.dataset.id
                }); // console.log(id)
            }
        }
    };
</script>
<style>
    @import "./recent-news.css";
</style>
